<template>
	<view class="loading" v-if="!isloading">
		<image src="../../static/imgs/loading.gif" mode="" class="loading-img"></image>
		<view class="tips">正在加载中......</view>
	</view>
</template>

<script>
	export default {
		props:{
			isloading:{
				type:Boolean,
				default:false
			}
		},
		name:"loading",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.loading{
	text-align: center;
	padding: 20rpx 0;
	.loading-img{
		width: 50rpx;
		height: 50rpx;
	}
	.tips{
		font-size: 26rpx;
		padding-top: 20rpx;
	}
}
</style>
